body{
    // background: red;
    // padding-bottom: rem(300);
}
@function rem($s){
    @return ($s/64)*1rem
}
$testbord:1px solid #e3e3e3;
$sub-color:#727272;



// 手滑tab
#tabs-container{
	// height:400px;
}
.swiper-slide{
    // background: #efefef;
}
.tabs {
    // margin-top: 15px;
    /* border-top: 2px solid #9ac7ed; */
    background: url(images/headbg.png) no-repeat left top #f9fafa;
    background-size: auto 100%;
    width: 100%;
    height:44px;
    overflow: hidden;
}
.tabs a{
font-size:rem(28);
font-weight: normal;
text-align: center;
float: left;
width:33.33%;
height: 44px;
line-height:44px;
color: #b4b4b4;
}
.tabs a.active {
border-top: 2px solid #2a70be;
margin-top: -2px;
background-image: url(images/tab_ui.png);
background-repeat: no-repeat;
-webkit-background-size: 64px 39px;
-moz-background-size: 64px 39px;
-o-background-size: 64px 39px;
background-size: 64px 39px;
background-position: left top;
color: #2b67c3;
}
.news-list{
	padding:0 10px;
}
.news-list li{
	overflow: hidden;
border-bottom: 1px solid #eceef0;
box-shadow: 0 1px 1px #fff;
font-weight: normal;
height: 35px;
line-height: 35px;
font-size: 1.125em;
}
.content-slide{
    border:$testbord;
    width: 80%;
    margin:rem(40) auto 32px auto;
    padding:10px;
    .map-info{
        // background: #e6e6e6;
        padding:8px 6px;
        .title{
            font-size: rem(30);
            margin-bottom: 4px;
        }
        .hr{
            background-color: #f7f7f7;
            display: block;
            width:29%;
            margin:8px auto;
            height: 1px;
            border: none;
        }
        .time{
            font-size: rem(48);
            font-weight: bold;
            color: #4684e4;
        }
        .time-status{
            font-size: rem(34);
            margin-left: 4px;
        }
    }
}
.map-content{
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 6px #dedede;
}
.icon-section{
    width:rem(250);
    margin:0 auto;
    // border: $testbord;
    .left{
        float: left;
        width: 50%;
        .imgbox{
            width: rem(70);
            height: rem(70);
            margin: 0 auto;
            border-radius: 50%;
            overflow: hidden;
        }
        img{
            width:100%;
        }
    }
    .right{
        float: right;
        width: 50%;
        text-align: center;
        line-height: rem(70);
        font-size: rem(32);
        color: #c3c3c3;
    }
}

// 手滑tab

